<template>
    <div class="testX6-container">
        <FormHeader></FormHeader>
        <div class="form-content flex">
            <FormContentLeft ></FormContentLeft>
            <FormContentCenter ></FormContentCenter>
            <FormContentRight></FormContentRight>
        </div>

    </div>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted, onUnmounted } from 'vue'
import FormHeader from './coms/FormHeader.vue';
import FormContentLeft from './coms/FormContentLeft.vue';
import FormContentCenter from './coms/FormContentCenter.vue';
import FormContentRight from './coms/FormContentRight.vue';

</script>

<style lang="less" scoped>
.testX6-container{
    width: 100%;
    height: 100%;
}

.form-content{
    height: calc(100% - 70px);
}

</style>